{extend name="base" /}

{block name="title"} 登录 {/block}

<!-- body -->
{block name="body"}
<body class="page-body login-page login-light">

	<div class="login-container">
	
		<div class="row">
		
			<div class="col-sm-offset-3 col-sm-6">

				<!-- Add class "fade-in-effect" for login form effect -->
				<form method="post" role="form" id="login" class="login-form fade-in-effect">
					
					<div class="login-header">
						<a href="dashboard-1.html" class="logo">
							<img src="/static/index/assets/images/logo-white-bg@2x.png" alt="" width="80" />
						</a>
						<p>你好, 欢迎使用 !</p>
					</div>
	
					
					<div class="form-group">
						<label class="control-label" for="username">账号</label>
						<input type="text" class="form-control" name="username" id="username" autocomplete="off" />
					</div>
					
					<div class="form-group">
						<label class="control-label" for="passwd">密码</label>
						<input type="password" class="form-control" name="passwd" id="passwd" autocomplete="off" />
					</div>
					
					<div class="form-group">
						<button type="submit" class="btn btn-primary  btn-block text-center">
							<i class="fa-lock"></i>
							登 录
						</button>
					</div>
					
					<div class="login-footer">
						<a href="#">忘记密码?</a>
						
						<div class="info-links">
							<a href="#">bool</a> -
							<a href="#">开源产品</a>
						</div>
						
					</div>
					
				</form>
				
				<!-- External login -->
				<div class="external-login">
					<a href="#" class="facebook text-center">
						<i class="fa-facebook"></i>
						Facebook 登录
					</a>
					
<!-- 					
					<a href="#" class="twitter">
						<i class="fa-twitter"></i>
						Twitter 登录
					</a>
					
					<a href="#" class="gplus">
						<i class="fa-google-plus"></i>
						Google Plus 登录
					</a> -->
					
				</div>
				
			</div>
			
		</div>
		
	</div>

</body>
    
{/block}

<!-- js -->
{block name="js"}
	<!-- 登录的js -->
	<script src="/static/index/assets/controller/login.js"></script>
{/block}
